<template>
	<div class="up-multiple app-font-num" :class="formatMultiplier() === '0.00' ? '' : 'text-t-1'">
		{{ formatMultiplier() }}x
	</div>
</template>

<script setup lang="ts">
const props = defineProps({
	value: {
		type: <any>{},
		default: {}
	}
})
const formatMultiplier = () => {
	let multipler = isNaN(props.value.payoutAmount / props.value.betAmount)
		? '0.00'
		: (props.value.payoutAmount / props.value.betAmount).toFixed(2)
	if (props.value.betAmount === '0') {
		multipler = '0.00'
	}
	return multipler
}
</script>
